html {
  height: 100%;
  min-height: 100%;
}

body {
  height: 100%;
  box-sizing: content-box;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: ""
}

.clearfix:after {
  clear: both
}

.dark {
  color: #1f2d3d;
}

.gray {
  color: #808080 !important;
}

.red {
  color: #FF4949 !important;
}

.yellow {
  color: #F7BA2A !important;
}

.green {
  color: #13CE66 !important;
}

.blue {
  color: #20A0FF !important;
}

.purple {
  color: #855CF5;
}

a.blue {
  text-decoration: none;
}

a.dark {
  text-decoration: none;
}

.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#nprogress .bar {
  background-color: #fbfbfb !important;
}

#nprogress .peg {
  box-shadow: 0 0 10px #fbfbfb, 0 0 5px #fbfbfb;
}

#nprogress .bar {
  background-color: #fbfbfb !important;
}

#nprogress .peg {
  box-shadow: 0 0 10px #fbfbfb, 0 0 5px #fbfbfb;
}
